<script setup lang="ts">

</script>

<template>
  <div class="container">
    <RouterView />
    <div class="tip">
      为了更好的用户体验，请调整为竖屏模式使用！
    </div>

  </div>

</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

html,
body,
#app,
.container {
  height: 100%;
}

html {
  font-size: 26.6666666vw;
}

body {
  font-size: 12px;
}
.center{
 
 header{
     height: 50px;

 }
 main{
    height: calc(100vh - 50px);
     overflow: auto;
 }
}
.van-cell{
  user-select: none;
}
.content{
  display:flex ;
  flex-direction: column;
 
}
.tip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 1rem;
  z-index: 999;
  display: none;
  justify-content: center;
  align-items: center;
  user-select: none;
}

//禁止横屏显示
@media (orientation: landscape) {
  .tip {
    display: flex;
  }
}


:root {
    --van-popup-background:rgb(0,0,0,0.7) !important
}
</style>
